
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="ico/favicon.png">
    <title>混子论坛</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="plugins/prettyPhoto/css/prettyPhoto.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/ui.totop.css" rel="stylesheet">
    <!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
    <link href="css/extralayers.css" rel="stylesheet">
    <link href="plugins/rs-plugin/css/settings.css" rel="stylesheet">
    <!-- Font Awesome  -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- Custom Stylesheet For This Template -->
    <link href="css/stylesheet.css" rel="stylesheet">
    <link href="css/skins.css" rel="stylesheet">
    <link href="css/login.css" rel="stylesheet">
    <!-- Google Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/jquery.easydrag.handler.beta2.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

            $('.one').click(function(){

                $('.box2').show();


            });

            $('.login5 a').click(function(){


                $('.box2').hide();


            });

            $('.box').easydrag();


        });
    </script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body class="wide color-skin-1 color-pattern-1">

<div class="box2">
    <div class="login5">
        <h2>登录</h2>
        <a class="close1"></a>
    </div>
    <div class="login51">
        <form name="login5form" action="">
            <div class="login5left">
                <span></span>
                <div class="login5left1">
                    <input type="text" name="username" placeholder="用户名/手机号/邮箱" /></input>
                </div>
                <div class="login5left1">
                    <input type="password" name="user_possword" placeholder="密码" /></input>
                </div>
                <div class="login5left2">
                    <a class="dl">登录</a>
                    <a class="wjmm">忘记密码</a>
                </div>
            </div>
            <div class="login5right">
                <span></span>
                <div class="login5right1">
                    <a class="sjdl">手机短信登录</a>
                </div>
                <div class="login5right2">
                    没有账号？<a class="zcdl">快速注册</a>
                </div>
                <div class="login5right3">
                    <b class="found"></b>合作账号登录<b class="back"></b>
                </div>
                <div class="login5right4">
                    <a class="wb"></a><a class="qq"></a>
                </div>
            </div>
        </form>
    </div>
</div>

<div id="page" class="hfeed site">
    <header id="masthead" class="site-header" role="banner">
        <nav class="navbar navbar-default navbar-static-top" role="navigation">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="myRelate.html">
                        <img alt="Brand" src="img/logo-dark.png">
                    </a>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse navbar-ex1-collapse">
                    <span class="search-toggle visible-lg-block"><i class="fa fa-search"></i></span>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="active"><a href="index.html">首页</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">特点<i class="fa fa-angle-double-down"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="elements.html">基本界面样式</a></li>
                                <li><a href="buttons.html">按钮样式</a></li>
                                <li><a href="icons.html">图标</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="#" class="one">登录</a></li>
                                <li><a href="myRelate.html">个人主页</a></li>
                            </ul>
                        </li>
                    </ul>
                    <!-- /.nav -->
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container -->
        </nav>
        <!-- /.navbar -->
    </header>
    <!-- /#masthead -->

    <header id="header-search-box" class="search-box-wrapper">
        <div class="container">
            <div class="search-box">
                <button type="button" class="close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <form role="form">
                    <div class="input-group">
                                <span class="input-group-btn">
                                    <button class="btn btn-default btn-lg" type="button"><i class="fa fa-search"></i></button>
                                </span>
                        <input type="text" class="form-control input-lg" placeholder="Search">
                    </div>
                </form>
            </div>
        </div>
    </header>
    <!-- /#header-search-box -->
            <header class="archive-header">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6">
                            <h4 class="archive-title">主页</h4>
                        </div>
                        <!-- /.col-sm-6 -->
                        <div class="col-xs-6 hidden-xs">
                            <ol class="breadcrumb">
                                <li><a href="#">主页</a></li>
                            </ol>
                        </div>
                        <!-- /.col-xs-6 -->
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.container -->
            </header>
            <!-- /.archive-header -->
            <div id="main" class="wrapper">
                <div class="container">
                    <section class="portfolio-filter section type2">
                        <ul class="nav nav-pills">
                            <li class="active"><a href="#" data-filter="*">ALL</a></li>
                            <li><a href="#" data-filter=".artwork">生活</a></li>
                            <li><a href="#" data-filter=".creative">自然</a></li>
                            <li><a href="#" data-filter=".nature">娱乐</a></li>
                            <li><a href="#" data-filter=".outside">体育</a></li>
                            <li><a href="#" data-filter=".photography">工作</a></li>
                            <li><a href="#" data-filter=".photography">学习</a></li>
                            <li><a href="#" data-filter=".photography">更多</a></li>
                        </ul>
                    </section>
                    <!-- /.portfolio-filter -->
                    <section class="portfolio section type3">
                        <div class="row">
                            <div class="portfolio-container">
                                <div class="col-xs-12 col-sm-6 col-md-3 portfolio-item-wrapper artwork creative">
                                    <div class="portfolio-item type2">
                                        <div class="portfolio-thumb">
                                            <img src="img/general/img1.jpg" class="img-responsive" alt="1st Portfolio Thumb">
                                            <div class="image-overlay"></div>
                                            <a href="img/general/img1.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-eye"></i></a>
                                            <a href="zones.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                                        </div>
                                        <div class="portfolio-details">
                                            <div class="portfolio-meta">
                                                <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 21 August, 2020</a></span>
                                                <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 17</a></span>
                                            </div>
                                            <h5 class="portfolio-title"><a href="">Has labitur disputando at, enim.</a></h5>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.portfolio-item-wrapper -->
                                <div class="col-xs-12 col-sm-6 col-md-3 portfolio-item-wrapper nature outside">
                                    <div class="portfolio-item type2">
                                        <div class="portfolio-thumb">
                                            <img src="img/general/img2.jpg" class="img-responsive" alt="2nd Portfolio Thumb">
                                            <div class="image-overlay"></div>
                                            <a href="img/general/img2.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-eye"></i></a>
                                            <a href="portfolio-item-1.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                                        </div>
                                        <div class="portfolio-details">
                                            <div class="portfolio-meta">
                                                <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 21 August, 2020</a></span>
                                                <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 17</a></span>
                                            </div>
                                            <h5 class="portfolio-title"><a href="">Eu decore iisque sit.</a></h5>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.portfolio-item-wrapper -->
                                <div class="col-xs-12 col-sm-6 col-md-3 portfolio-item-wrapper photography artwork">
                                    <div class="portfolio-item type2">
                                        <div class="portfolio-thumb">
                                            <img src="img/general/img3.jpg" class="img-responsive" alt="3rd Portfolio Thumb">
                                            <div class="image-overlay"></div>
                                            <a href="img/general/img3.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-eye"></i></a>
                                            <a href="portfolio-item-1.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                                        </div>
                                        <div class="portfolio-details">
                                            <div class="portfolio-meta">
                                                <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 21 August, 2020</a></span>
                                                <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 17</a></span>
                                            </div>
                                            <h5 class="portfolio-title"><a href="">Illum dolorum accommodare.</a></h5>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.portfolio-item-wrapper -->
                                <div class="col-xs-12 col-sm-6 col-md-3 portfolio-item-wrapper creative nature">
                                    <div class="portfolio-item type2">
                                        <div class="portfolio-thumb">
                                            <img src="img/general/img4.jpg" class="img-responsive" alt="4th Portfolio Thumb">
                                            <div class="image-overlay"></div>
                                            <a href="img/general/img4.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-eye"></i></a>
                                            <a href="portfolio-item-1.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                                        </div>
                                        <div class="portfolio-details">
                                            <div class="portfolio-meta">
                                                <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 21 August, 2020</a></span>
                                                <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 17</a></span>
                                            </div>
                                            <h5 class="portfolio-title"><a href="">Eu aeque nusquam mea, ne est.</a></h5>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.portfolio-item-wrapper -->
                                <div class="col-xs-12 col-sm-6 col-md-3 portfolio-item-wrapper nature">
                                    <div class="portfolio-item type2">
                                        <div class="portfolio-thumb">
                                            <img src="img/general/img5.jpg" class="img-responsive" alt="5th Portfolio Thumb">
                                            <div class="image-overlay"></div>
                                            <a href="img/general/img5.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-eye"></i></a>
                                            <a href="portfolio-item-1.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                                        </div>
                                        <div class="portfolio-details">
                                            <div class="portfolio-meta">
                                                <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 21 August, 2020</a></span>
                                                <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 17</a></span>
                                            </div>
                                            <h5 class="portfolio-title"><a href="">Mei no modo vitae mentitum.</a></h5>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.portfolio-item-wrapper -->
                                <div class="col-xs-12 col-sm-6 col-md-3 portfolio-item-wrapper artwork creative">
                                    <div class="portfolio-item type2">
                                        <div class="portfolio-thumb">
                                            <img src="img/general/img6.jpg" class="img-responsive" alt="6th Portfolio Thumb">
                                            <div class="image-overlay"></div>
                                            <a href="img/general/img6.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-eye"></i></a>
                                            <a href="portfolio-item-1.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                                        </div>
                                        <div class="portfolio-details">
                                            <div class="portfolio-meta">
                                                <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 21 August, 2020</a></span>
                                                <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 17</a></span>
                                            </div>
                                            <h5 class="portfolio-title"><a href="">Ludus periculis mediocritatem.</a></h5>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.portfolio-item-wrapper -->
                                <div class="col-xs-12 col-sm-6 col-md-3 portfolio-item-wrapper nature outside">
                                    <div class="portfolio-item type2">
                                        <div class="portfolio-thumb">
                                            <img src="img/general/img7.jpg" class="img-responsive" alt="7th Portfolio Thumb">
                                            <div class="image-overlay"></div>
                                            <a href="img/general/img7.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-eye"></i></a>
                                            <a href="portfolio-item-1.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                                        </div>
                                        <div class="portfolio-details">
                                            <div class="portfolio-meta">
                                                <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 21 August, 2020</a></span>
                                                <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 17</a></span>
                                            </div>
                                            <h5 class="portfolio-title"><a href="">An vidit mucius animal eam.</a></h5>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.portfolio-item-wrapper -->
                                <div class="col-xs-12 col-sm-6 col-md-3 portfolio-item-wrapper photography artwork">
                                    <div class="portfolio-item type2">
                                        <div class="portfolio-thumb">
                                            <img src="img/general/img8.jpg" class="img-responsive" alt="8th Portfolio Thumb">
                                            <div class="image-overlay"></div>
                                            <a href="img/general/img8.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-eye"></i></a>
                                            <a href="portfolio-item-1.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                                        </div>
                                        <div class="portfolio-details">
                                            <div class="portfolio-meta">
                                                <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 21 August, 2020</a></span>
                                                <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 17</a></span>
                                            </div>
                                            <h5 class="portfolio-title"><a href="">Vis nibh zril pertinacia no.</a></h5>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.portfolio-item-wrapper -->
                                <div class="col-xs-12 col-sm-6 col-md-3 portfolio-item-wrapper creative nature">
                                    <div class="portfolio-item type2">
                                        <div class="portfolio-thumb">
                                            <img src="img/general/img9.jpg" class="img-responsive" alt="9th Portfolio Thumb">
                                            <div class="image-overlay"></div>
                                            <a href="img/general/img9.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-eye"></i></a>
                                            <a href="portfolio-item-1.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                                        </div>
                                        <div class="portfolio-details">
                                            <div class="portfolio-meta">
                                                <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 21 August, 2020</a></span>
                                                <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 17</a></span>
                                            </div>
                                            <h5 class="portfolio-title"><a href="">Ex veniam philosophia nam.</a></h5>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.portfolio-item-wrapper -->
                                <div class="col-xs-12 col-sm-6 col-md-3 portfolio-item-wrapper nature">
                                    <div class="portfolio-item type2">
                                        <div class="portfolio-thumb">
                                            <img src="img/general/img10.jpg" class="img-responsive" alt="10th Portfolio Thumb">
                                            <div class="image-overlay"></div>
                                            <a href="img/general/img10.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-eye"></i></a>
                                            <a href="portfolio-item-1.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                                        </div>
                                        <div class="portfolio-details">
                                            <div class="portfolio-meta">
                                                <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 21 August, 2020</a></span>
                                                <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 17</a></span>
                                            </div>
                                            <h5 class="portfolio-title"><a href="">Facer volumus ei his.</a></h5>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.portfolio-item-wrapper -->
                                <div class="col-xs-12 col-sm-6 col-md-3 portfolio-item-wrapper artwork creative">
                                    <div class="portfolio-item type2">
                                        <div class="portfolio-thumb">
                                            <img src="img/general/img11.jpg" class="img-responsive" alt="11th Portfolio Thumb">
                                            <div class="image-overlay"></div>
                                            <a href="img/general/img11.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-eye"></i></a>
                                            <a href="portfolio-item-1.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                                        </div>
                                        <div class="portfolio-details">
                                            <div class="portfolio-meta">
                                                <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 21 August, 2020</a></span>
                                                <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 17</a></span>
                                            </div>
                                            <h5 class="portfolio-title"><a href="">Nam timeam noluisse ad.</a></h5>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.portfolio-item-wrapper -->
                                <div class="col-xs-12 col-sm-6 col-md-3 portfolio-item-wrapper nature outside">
                                    <div class="portfolio-item type2">
                                        <div class="portfolio-thumb">
                                            <img src="img/general/img12.jpg" class="img-responsive" alt="12th Portfolio Thumb">
                                            <div class="image-overlay"></div>
                                            <a href="img/general/img12.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-eye"></i></a>
                                            <a href="portfolio-item-1.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                                        </div>
                                        <div class="portfolio-details">
                                            <div class="portfolio-meta">
                                                <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 21 August, 2020</a></span>
                                                <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 17</a></span>
                                            </div>
                                            <h5 class="portfolio-title"><a href="">Ea animal facilisi patrioque pri.</a></h5>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.portfolio-item-wrapper -->
                            </div>
                            <!-- /.portfolio-container -->
                        </div>
                        <!-- /.row -->
                    </section>
                    <!-- /.portfolio -->
                </div>
            </div>
            <!-- /#main -->
            <footer id="colophon" class="site-footer" role="contentinfo">
<!--                <div id="supplementary">-->
<!--                    <div class="container">-->
<!--                        <div class="row">-->
<!--                            <div class="col-md-3">-->
<!--                                <aside class="widget widget-about">-->
<!--                                    <img class="brand" alt="Brand" src="img/logo-white.png" width="145">-->
<!--                                    <p>Lorem ipsum dolor sit amet, no consequat ullamcorper nec, te commune constituto intellegebat eam. Soleat populo id nec. Est in altera vocibus, et vim iudico adolescens, mel no discere mediocritatem.</p>-->
<!--                                </aside>-->
<!--                                &lt;!&ndash; /.widget-about &ndash;&gt;-->
<!--                                <aside class="widget widget-social">-->
<!--                                    <h5 class="widget-title">Stay Connected</h5>-->
<!--                                    <ul class="social-links">-->
<!--                                        <li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>-->
<!--                                        <li><a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a></li>-->
<!--                                        <li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>-->
<!--                                        <li><a class="pinterest" href="#"><i class="fa fa-pinterest"></i></a></li>-->
<!--                                        <li><a class="rss" href="#"><i class="fa fa-rss"></i></a></li>-->
<!--                                    </ul>-->
<!--                                </aside>-->
<!--                                &lt;!&ndash; /.widget-social &ndash;&gt;-->
<!--                            </div>-->
<!--                            &lt;!&ndash; /.col-md-3 &ndash;&gt;-->
<!--                            <div class="col-md-3">-->
<!--                                <aside class="widget widget-posts">-->
<!--                                    <div class="subpage-title">-->
<!--                                        <h5>Recent Posts</h5>-->
<!--                                    </div>-->
<!--                                    <ul class="recent-posts">-->
<!--                                        <li>-->
<!--                                            <img src="img/recent-posts/img1.jpg" alt="Post Image">-->
<!--                                            <h5>-->
<!--                                                <a href="post-1.html">The Ultimate Guide to Adjustment Layers – Vibrance</a>-->
<!--                                                <small><i class="fa fa-clock-o"></i> 20 August, 2013</small>-->
<!--                                            </h5>-->
<!--                                        </li>-->
<!--                                        <li>-->
<!--                                            <img src="img/recent-posts/img2.jpg" alt="Post Image">-->
<!--                                            <h5>-->
<!--                                                <a href="post-1.html">Complete Guide to What’s New in Adobe Photoshop 14.1</a>-->
<!--                                                <small><i class="fa fa-clock-o"></i> 15 August, 2013</small>-->
<!--                                            </h5>-->
<!--                                        </li>-->
<!--                                        <li>-->
<!--                                            <img src="img/recent-posts/img3.jpg" alt="Post Image">-->
<!--                                            <h5>-->
<!--                                                <a href="post-1.html">How to Integrate Lightroom Into Your Photoshop Workflow</a>-->
<!--                                                <small><i class="fa fa-clock-o"></i> 10 August, 2013</small>-->
<!--                                            </h5>-->
<!--                                        </li>-->
<!--                                    </ul>-->
<!--                                </aside>-->
<!--                                &lt;!&ndash; /.widget-posts &ndash;&gt;-->
<!--                            </div>-->
<!--                            &lt;!&ndash; /.col-md-3 &ndash;&gt;-->
<!--                            <div class="col-md-3">-->
<!--                                <aside class="widget widget-tagcloud">-->
<!--                                    <div class="subpage-title">-->
<!--                                        <h5>Tags</h5>-->
<!--                                    </div>-->
<!--                                    <ul class="tag-links">-->
<!--                                        <li><a href="#">photoshop</a></li>-->
<!--                                        <li><a href="#">html</a></li>-->
<!--                                        <li><a href="#">css</a></li>-->
<!--                                        <li><a href="#">html5</a></li>-->
<!--                                        <li><a href="#">css3</a> </li>-->
<!--                                        <li><a href="#">illustration</a></li>-->
<!--                                        <li><a href="#">javascript</a></li>-->
<!--                                        <li><a href="#">jquery</a></li>-->
<!--                                        <li><a href="#">bootstrap 2</a></li>-->
<!--                                        <li><a href="#">bootstrap 3</a></li>-->
<!--                                        <li><a href="#">php</a></li>-->
<!--                                        <li><a href="#">mysql</a></li>-->
<!--                                        <li><a href="#">wordpress</a></li>-->
<!--                                        <li><a href="#">ajax</a></li>-->
<!--                                        <li><a href="#">webmatrix</a></li>-->
<!--                                    </ul>-->
<!--                                </aside>-->
<!--                                &lt;!&ndash; /.widget-tagcloud &ndash;&gt;-->
<!--                            </div>-->
<!--                            &lt;!&ndash; /.col-md-3 &ndash;&gt;-->
<!--                            <div class="col-md-3">-->
<!--                                <aside class="widget widget-flickr">-->
<!--                                    <div class="subpage-title">-->
<!--                                        <h5>Flickr Photos</h5>-->
<!--                                    </div>-->
<!--                                    <ul class="flickr-photos-list"></ul>-->
<!--                                </aside>-->
<!--                                &lt;!&ndash; /.widget-flickr &ndash;&gt;-->
<!--                            </div>-->
<!--                            &lt;!&ndash; /.col-md-3 &ndash;&gt;-->
<!--                        </div>-->
<!--                        &lt;!&ndash; /.row &ndash;&gt;-->
<!--                    </div>-->
<!--                    &lt;!&ndash; /.container &ndash;&gt;-->
<!--                </div>-->
                <!-- /#supplementary -->
                <div id="site-info">
                    <div class="container">
                        <div class="row">
                            <div class="col-xs-12 col-sm-6">
                                <div class="footer-info-wrapper">
                                    <span>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></span>
                                </div>
                            </div>
                            <!-- /.footer-info-wrapper -->
                            <div class="col-xs-12 col-sm-6">
                                <div class="footer-links-wrapper">
                                    <ul class="list-inline">
                                        <li><a href="#">Privacy Policy</a></li>
                                        <li><a href="#">Terms Of Service</a></li>
                                        <li><a href="#">Disclaimer</a></li>
                                    </ul>
                                </div>
                            </div>
                            <!-- /.footer-links-wrapper -->
                        </div>
                        <!-- /.row -->
                    </div>
                    <!-- /.container -->
                </div>
                <!-- /.site-footer -->
            </footer>
            <!-- /#site-info -->
        </div>
        <!-- /#page -->
        <div class="skin-chooser-wrap visible-lg-block">
            <span class="skin-chooser-toggle"><i class="fa fa-cog"></i></span>
            <section class="section">
                <h4>Style Switcher</h4>
            </section>
            <section class="section">
                <h6>Layout Options</h6>
                <p>Which layout option you want to use?</p>
                <p><a id="boxed" class="btn adv-default squre btn-xs" href="#" role="button">Boxed</a><em>&nbsp; or &nbsp;</em><a id="wide" class="btn adv-primary squre btn-xs" href="#" role="button">Wide</a></p>
            </section>
            <section class="section">
                <h6>Color Schemes</h6>
                <p>Which theme color you want to use? Here are some predefined colors.</p>
                <ul class="list-inline">
                    <li id="color-skin-1" class="color-skin active"></li>
                    <li id="color-skin-2" class="color-skin"></li>
                    <li id="color-skin-3" class="color-skin"></li>
                    <li id="color-skin-4" class="color-skin"></li>
                    <li id="color-skin-5" class="color-skin"></li>
                </ul>
            </section>
            <section class="section">
                <h6>Patterns</h6>
                <p>You can choose between four patterns.</p>
                <ul class="list-inline">
                    <li id="color-pattern-1" class="color-pattern active"></li>
                    <li id="color-pattern-2" class="color-pattern"></li>
                    <li id="color-pattern-3" class="color-pattern"></li>
                    <li id="color-pattern-4" class="color-pattern"></li>
                    <li id="color-pattern-5" class="color-pattern"></li>
                </ul>
            </section>
        </div>
        <!-- Bootstrap JS & Others JavaScript Plugins -->
        <!-- Placed At The End Of The Document So Page Loads Faster -->
        <script src="js/jquery-2.1.4.min.js"></script>
        <script src="js/jquery-migrate-1.2.1.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
        <script src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
        <script src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
        <script src="plugins/prettyPhoto/js/jquery.prettyPhoto.js"></script>
        <script src="js/jquery.carouFredSel-6.2.1-packed.js"></script>
        <script src="js/jflickrfeed.min.js"></script>
        <script src="js/easing.js"></script>
        <script src="js/jquery.ui.totop.min.js"></script>
        <script src="js/isotope.pkgd.min.js"></script>
        <script src="js/jquery.fitvids.js"></script>
        <!-- Custom Script For This Template -->
        <script src="js/script.js"></script>
    </body>
</html>